<!DOCTYPE html>
<html lang="en">
<head>
	<meta http-equiv="Pragma" content="no-cache">
	<meta http-equiv="Cache-Control" content="no-cache">
	<meta http-equiv="Expires" content="0">
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1">
	<title>比比旅行</title>
	<script src="https://itjh.oss-cn-beijing.aliyuncs.com/static/jquery-3.3.1.min.js"></script>
	<!--<script src="${ctxPath}/static/pay/rem.js"></script>-->
	<script>
		(function(designWidth, maxWidth) {
			var doc = document,
					win = window;
			var docEl = doc.documentElement;
			var metaEl,
					metaElCon;
			var styleText,
					remStyle = document.createElement("style");
			var tid;

			function refreshRem() {
				// var width = parseInt(window.screen.width); // uc有bug
				var width = docEl.getBoundingClientRect().width;
				if (!maxWidth) {
					maxWidth = 540;
				};
				if (width > maxWidth) { // 淘宝做法：限制在540的屏幕下，这样100%就跟10rem不一样了
					width = maxWidth;
				}
				var rem = width * 100 / designWidth;
				// var rem = width / 10; // 如果要兼容vw的话分成10份 淘宝做法
				//docEl.style.fontSize = rem + "px"; //旧的做法，在uc浏览器下面会有切换横竖屏时定义了font-size的标签不起作用的bug
				remStyle.innerHTML = 'html{font-size:' + rem + 'px;}';
			}

			// 设置 viewport ，有的话修改 没有的话设置
			metaEl = doc.querySelector('meta[name="viewport"]');
			// 20171219修改：增加 viewport-fit=cover ，用于适配iphoneX
			metaElCon = "width=device-width,initial-scale=1,maximum-scale=1.0,user-scalable=no,viewport-fit=cover";
			if(metaEl) {
				metaEl.setAttribute("content", metaElCon);
			}else{
				metaEl = doc.createElement("meta");
				metaEl.setAttribute("name", "viewport");
				metaEl.setAttribute("content", metaElCon);
				if (docEl.firstElementChild) {
					docEl.firstElementChild.appendChild(metaEl);
				}else{
					var wrap = doc.createElement("div");
					wrap.appendChild(metaEl);
					doc.write(wrap.innerHTML);
					wrap = null;
				}
			}

			//要等 wiewport 设置好后才能执行 refreshRem，不然 refreshRem 会执行2次；
			refreshRem();

			if (docEl.firstElementChild) {
				docEl.firstElementChild.appendChild(remStyle);
			} else {
				var wrap = doc.createElement("div");
				wrap.appendChild(remStyle);
				doc.write(wrap.innerHTML);
				wrap = null;
			}

			win.addEventListener("resize", function() {
				clearTimeout(tid); //防止执行两次
				tid = setTimeout(refreshRem, 300);
			}, false);

			win.addEventListener("pageshow", function(e) {
				if (e.persisted) { // 浏览器后退的时候重新计算
					clearTimeout(tid);
					tid = setTimeout(refreshRem, 300);
				}
			}, false);

			if (doc.readyState === "complete") {
				doc.body.style.fontSize = "16px";
			} else {
				doc.addEventListener("DOMContentLoaded", function(e) {
					doc.body.style.fontSize = "16px";
				}, false);
			}
		})(750, 750);
	</script>
	<link rel="stylesheet" href="${ctxPath}/static/payCss/payDetail.css" type="text/css" />
</head>
<body class="my">
<div class="header">
	<a class="rers" href=""> <div class="return"> </div></a>支付详情
</div>
<div class="box_a">
	<div class="box_a_1">
		<div class="box_a_11">
			<img src="https://itjh.oss-cn-beijing.aliyuncs.com/PageMap/payDeatil.png"></img>
		</div>
	</div>
	<div class="box_a_2">
		<p class="box_a_p">订单支付成功</p>
		<p class="box_a_p">支付方式：<span class="box_a_s">${payVo.coins[0].unit}支付</span></p>
		<!--<p class="box_a_p">订单金额：<span class="box_a_d">${payVo.amount}HTL</span></p>-->
		<p class="box_a_p">支付数量：<span class="box_a_l">${payVo.coins[0].echoAmount}${payVo.coins[0].unit}</span></p>
	</div>
</div>
<div class="box_b">
	<a href="${payVo.returnUrl}"><div class="box_btn_a">
		<span>返回商城</span>
	</div></a>
	<!--		<a href=""><div class="box_btn_b">
                <span>查看订单</span>
            </div></a>-->
</div>
</div>
<script type="text/javascript">
    var wx5 = /x5app/.test(navigator.userAgent) && !window.MSStream;
    if(!wx5){
        $(".my").css("margin-top","0");
    };
</script>
</body>
</html>